<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<nav class="navbar navbar-default navbar-fixed-top js-header"
	role="navigation">
	<div class="container-fluid">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed"
				data-toggle="collapse" data-target="#collapse-navbar">
				<span class="menu-text">MENU</span> <span
					class="notifications-count corner js-all-noti-count"></span>
			</button>
			<a href="/discover/"
				class="navbar-brand sprites carousell-logo carousell-logo-navbar"></a>
			<button type="button" class="nav-btn nav-browse-btn dropdown-toggle"
				data-toggle="dropdown">
				Categories <i class="caret"></i>
			</button>
			<ul class="dropdown-menu dropdown-menu-themed">
				<li>
					<div class="row" style="height: 40px;">


						<div class="col-md-offset-1 col-md-2 col-sm-6 col-xs-12">
							<ul class="dropdown-category">
								<li class="dropdown-header">Clothing & Accessories</li>


								<li>
									<!-- invalidate current cache --> <a
									href="/all/for-her/?query=a&amp;"> For Her </a>
								</li>



								<li>
									<!-- invalidate current cache --> <a
									href="/all/for-him/?query=a&amp;"> For Him </a>
								</li>



								<li>
									<!-- invalidate current cache --> <a
									href="/all/baby-kids/?query=a&amp;"> Baby &amp; Kids </a>
								</li>



								<li>
									<!-- invalidate current cache --> <a
									href="/all/luxury/?query=a&amp;"> Luxury </a>
								</li>



								<li>
									<!-- invalidate current cache --> <a
									href="/all/pet-accessories/?query=a&amp;"> Pet Accessories
								</a>
								</li>


							</ul>
						</div>

						<div class=" col-md-2 col-sm-6 col-xs-12">
							<ul class="dropdown-category">
								<li class="dropdown-header">Home and Lifestyle</li>


								<li>
									<!-- invalidate current cache --> <a
									href="/all/furniture-home/?query=a&amp;"> Furniture &amp;
										Home </a>
								</li>



								<li>
									<!-- invalidate current cache --> <a
									href="/all/kitchen-appliances/?query=a&amp;"> Kitchen &amp;
										Appliances </a>
								</li>



								<li>
									<!-- invalidate current cache --> <a
									href="/all/vintage-antiques/?query=a&amp;"> Vintage &amp;
										Antiques </a>
								</li>



								<li>
									<!-- invalidate current cache --> <a
									href="/all/cars-motors/?query=a&amp;"> Cars &amp; Motors </a>
								</li>



								<li>
									<!-- invalidate current cache --> <a
									href="/all/beauty-products/?query=a&amp;"> Beauty Products
								</a>
								</li>



								<li>
									<!-- invalidate current cache --> <a
									href="/all/textbooks/?query=a&amp;"> Textbooks </a>
								</li>


							</ul>
						</div>

						<div class=" col-md-2 col-sm-6 col-xs-12">
							<ul class="dropdown-category">
								<li class="dropdown-header">Hobbies and Gadgets</li>


								<li>
									<!-- invalidate current cache --> <a
									href="/all/lifestyle-gadgets/?query=a&amp;"> Lifestyle
										Gadgets </a>
								</li>



								<li>
									<!-- invalidate current cache --> <a
									href="/all/design-craft/?query=a&amp;"> Design &amp; Craft
								</a>
								</li>



								<li>
									<!-- invalidate current cache --> <a
									href="/all/music-instruments/?query=a&amp;"> Music
										Instruments </a>
								</li>



								<li>
									<!-- invalidate current cache --> <a
									href="/all/photography/?query=a&amp;"> Photography </a>
								</li>



								<li>
									<!-- invalidate current cache --> <a
									href="/all/sporting-gear/?query=a&amp;"> Sporting Gear </a>
								</li>



								<li>
									<!-- invalidate current cache --> <a
									href="/all/books/?query=a&amp;"> Books </a>
								</li>


							</ul>
						</div>

						<div class=" col-md-2 col-sm-6 col-xs-12">
							<ul class="dropdown-category">
								<li class="dropdown-header">Entertainment</li>


								<li>
									<!-- invalidate current cache --> <a
									href="/all/tickets-vouchers/?query=a&amp;">

										Tickets/Vouchers </a>
								</li>



								<li>
									<!-- invalidate current cache --> <a
									href="/all/k-wave/?query=a&amp;"> K-Wave </a>
								</li>



								<li>
									<!-- invalidate current cache --> <a
									href="/all/j-pop-culture/?query=a&amp;"> J-pop &amp;
										Culture </a>
								</li>



								<li>
									<!-- invalidate current cache --> <a
									href="/all/games-toys/?query=a&amp;"> Games &amp; Toys </a>
								</li>


							</ul>
						</div>

						<div class=" col-md-2 col-sm-6 col-xs-12">
							<ul class="dropdown-category">
								<li class="dropdown-header">Other</li>


								<li>
									<!-- invalidate current cache --> <a
									href="/all/everything-else/?query=a&amp;"> Everything Else
								</a>
								</li>



								<li>
									<!-- invalidate current cache --> <a
									href="/all/community/?query=a&amp;"> Community </a>
								</li>



								<li>
									<!-- invalidate current cache --> <a
									href="/all/looking-for/?query=a&amp;"> Looking For </a>
								</li>




							</ul>
						</div>

					</div> <!-- /.row -->
				</li>
			</ul>
		</div>

		<form class="navbar-form browse-search navbar-left" role="search"
			id="nav-search-form" method="GET" action="/search/products/"}>
			<div class="input-group">
				<input type="text" class="js-search form-control" name="query"
					placeholder="Search for an item" autocomplete="off" required>
				<span class="input-group-btn"><button type="submit"
						class="btn btn-default pull-right ">
						<i class="icon-search"></i>
					</button></span>
			</div>
			<ul class="browse-search-alternatives">

				<li class="js-search-users" role="presentation">Search for a
					user instead</li>
			</ul>
		</form>

		<div class="collapse navbar-collapse menu-nav" id="collapse-navbar">
			<ul class="nav navbar-nav">


				<li class="dropdown"><a href="#" class="dropdown-toggle"
					data-toggle="dropdown" role="button" aria-expanded="false"> <img
						class="user-image-icon img-circle pretty-border"
						src="https://d2xngy2dw7hums.cloudfront.net/media/photos/profiles/default.png"
						alt=""> satthudcd <span class="caret"></span>
				</a>
					<ul class="user-dropdown-menu dropdown-menu dropdown-menu-right"
						role="menu">
						<li role="presentation"><a href="/satthudcd"><i
								class="icon-user"></i> Profile</a></li>
						<li role="presentation"><a href="/satthudcd/likes/"><i
								class="icon-heart"></i> Liked items</a></li>
						<li role="presentation"><a href="/settings/profile/"><i
								class="icon-cog-alt"></i> Settings</a></li>
						<li class="divider"></li>
						<li role="presentation"><a href="/logout/"><i
								class="icon-logout"></i> Logout</a></li>
					</ul></li>
				<li class="dropdown notifications-dropdown"><a href="#"
					class="dropdown-toggle" data-toggle="dropdown" role="button"
					aria-expanded="false"> <i class="icon-bell"></i> <span
						class="notifications-count corner js-all-noti-count"></span>
				</a>
					<ul class="dropdown-menu dropdown-menu-right" role="menu">
						<li role="presentation"><a href="/inbox/"> <i
								class="icon-mail"></i> Inbox <span
								class="notifications-count js-inbox-noti-count"></span>
						</a></li>
						<li role="presentation"><a href="/activity/"> <i
								class="icon-menu"></i> Activity <span
								class="notifications-count js-activity-noti-count"></span>
						</a></li>
					</ul></li>


				<li class="divider"></li>
				<li class="dropdown sell-dropdown"><a href="#"
					class="dropdown-toggle sell-dropdown-btn" data-toggle="dropdown"
					role="button" aria-expanded="false"> <i class="icon-plus"></i>
						Sell
				</a>
					<ul class="dropdown-menu dropdown-menu-right" role="menu">
						<li role="presentation">
							<h4 class="sell-dropdown-heading">Download our app to sell!</h4>
							<p class="sell-dropdown-copy">Snap, List, Sell - Selling is
								as simple as taking a photo with the Carousell app. And it’s
								free to list! Download the free app now!</p>
							<hr class="hidden-xs">
							<p class="sell-dropdown-actions">
								<a class="btn btn-default"
									href="https://itunes.apple.com/app/id548607187"><i
									class="icon-apple"></i>iPhone</a> <a class="btn btn-default"
									href="https://play.google.com/store/apps/details?id=com.thecarousell.Carousell"><i
									class="icon-android"></i>Android</a>
							</p>
						</li>
					</ul></li>
			</ul>
			<button class="navbar-collapse-close visible-xs close" type="button"
				data-toggle="collapse" data-target="#collapse-navbar"
				aria-label="Close">
				<span aria-hidden="true">&times;</span>
			</button>
		</div>
	</div>
</nav>
